/*******************************************************************************
 * Sample for a Dynatree custom stylesheet.
 * This is expected to be included after the standard ui.dynatree.css, thus
 * overridung the defaults. 
 */
.dynatree-has-children span.dynatree-icon
{
    background-position: 0 0;
	background-image: url("doc_with_children.gif");
}

.dynatree-ico-cf span.dynatree-icon  /* Collapsed Folder */
{
	background-image: url("book--plus.png");
}

.dynatree-ico-ef span.dynatree-icon  /* Expanded Folder */
{
	background-image: url("book-open-list.png");
}
.dynatree-ico-e span.dynatree-icon, .dynatree-ico-c span.dynatree-icon
{
	background-image: url("book.png");
}


/*******************************************************************************
 * Node titles
 */

span.dynatree-has-children a
{
	font-style: oblique;
}

span.dynatree-selected > a
{
	/*background-color: #3169C6 !important;*/
	color: green !important;
}
span.dynatree-active > a {
	color: white !important;
}


/*******************************************************************************
 * Custom node classes (sample)
 */

span.custom1 a
{
	background-color: #ffffbb;
	color: maroon;
}
span.custom1 span.dynatree-icon
{
    background-position: 0 0;
	background-image: url("customDoc2.gif");
}

span.custom2 a
{
	font-weight: bold;
	background-color: silver;
	color: navy;
}
span.custom2 span.dynatree-icon
{
    background-position: 0 0;
	background-image: url("folder_page.gif");
}
/**
* Custom tree class
**/
ul.dynatree-container {
	height: 60% !important;
}
